<template>
  <div class="test-container">
    <!-- 测试图标组件 -->
    <Icon type="home" />
    <Icon type="weixin" />
    <Icon type="QQ" />
    <Icon type="user" />
    <Icon type="location" />
  </div>
</template>

<script>
import Icon from "./index.vue";
export default {
  components: {
    Icon,
  },
};
</script>


<style lang="less">
.test-container {
  display: flex;
  justify-content: center;
}
// 控制图标的 颜色、大小，本质就是设置字体颜色、大小
.iconfont {
  font-size: 30px;
  color: red;
}
</style>
